//路由器模块

/*
    配置路由器的步骤：
    1、从 vue-router 中，引入我们需要的东西；
        createRouter -- 是帮我们创建router的。
        createWebHashHistory  -- hash模式
        createWebHistory  --  history模式
    2、配置路由器 router
        history -- 模式
        routes  -- 配置路由  [{},{}]
        注意：
            使用绝对路径； 就是引入路由组件的时候，路径必须要写成绝对路径，否则会报错。(绝对路径的配置 vue3自己是配置好的，直接用就行了)
    3、暴露router
*/

import {createRouter,createWebHashHistory} from 'vue-router'

//routes 配置路由
const routes = [
    //home
    {
        path:'/home',
        name:'home',
        component:()=>import('@/views/Home.vue'),
        children:[
            //nav
            {
                path:'nav',
                name:'nav',
                component:()=>import ('@/views/home/Nav.vue')
            },
            //商品
            {
                path:'shangpin/:id',
                name:'shangpin',
                component:()=>import('@/views/home/ShangPin.vue'),
                beforeEnter:()=>{
                    console.log('路由独享')
                }
            }
        ]
    },
    //login
    {
        path:'/login',
        name:'login',
        component:()=>import('@/views/Login.vue')
    },
    //设置 路由重定向
    {
        path:'/',
        redirect:{
            name:'home'
        }
    }
]



//路由器
const router = createRouter({
    //history -- 用来设置路由器模式的；  跟vue2当中的 mode 作用一样
    history:createWebHashHistory(),//hash模式
    routes//配置路由  数组包对象的格式
})

export default router